<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="../../share/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>功夫</title>

<%-- <link href="${ctx }/css/front/index.css" rel="stylesheet" type="text/css" />
 --%>
 
<style type="text/css">
/* ---------- left_content start --------------- */
 div .left_content {
 	border: 1px solid #333; 
 	width: 180px; 
 	height: auto; 
 	float: left;
 	margin: 0;
 	margin-top: 2px;
 } 
 div .photo {
 	height: 178px; 
 	border: 1px solid #333; 
 }
 div .post_blog {
 	height: 80px; 
 	width: 88px; 
 	float: left; 
 	border: 1px solid #333;
 }
 div .space_manage {
 	height: 80px; 
 	width: 88px; 
 	float: left;  
 	border: 1px solid #333;
 }
 div .atten_manage {
 	height: 130px; 
 	width: 178px; 
 	float: left;  
 	border: 1px solid #333; 
 	margin-top: 5px;
 }
 div .attened_manage {
 	height: 130px; 
 	width: 178px; 
 	float: left;  
 	border: 1px solid #333; 
 	margin-top: 5px;"
 }
 div .visit_manage {
 	height: 200px; 
 	width: 178px; 
 	float: left; 
 	border: 1px solid #333; 
 	margin-top: 5px;
 }
/* ---------- left_content end --------------- */

/* ---------- center_content start---------------*/
 div .center_content {
 	border: 1px solid #333; 
 	width: 560px; 
 	height: auto;
 	float: left;
 	margin-left: 10px;
 	margin-top: 2px;
 }
 
 /* publist_tab start */
 div .publist_tab {
 	margin: 10px 5px 0 10px; 
 	width: 560px; 
 	padding-left: 0;
 }

 div .publist_tab ul {
	margin-left: 0;
	padding-left: 0;
 }
 div .publist_tab li {
 	border: 1px solid #333;
 	float: left;
 	cursor: pointer;
 	width: 60px;
 	background: #dfdfdf;
 	text-align: center;
 	margin-left: 0;
 	height: 20px;
 	text-align: center;
 }
 /* publist_tab end */
 
 /* select_tab start */
  div .select_tab li {
 	border: 1px solid #333;
 	float: left;
 	cursor: pointer;
 	width: 70px;
 	background: #dfdfdf;
 	text-align: center;
 	margin: 0;
 	height: 20px;
 	text-align: center;
 }
 
  div .select_tab .selected {
 	background: #ffdedf;
 	border-bottom: none;
 }
 /* select_tab end */
 
 /* content start */
 div .content {
 	width: 530px; 
 	height: 500px; 
 	border: 1px solid #333; 
 	margin: 34px 10px 10px 10px; 
 }
 /* content end */
 
 /*----------- center content end --------------*/
</style>

</head>
<div id="container">
<!-- header -->
<jsp:include page="../layout/_header.jsp" />

  <div id="content">
    <div class="left_content" >
    	<div class="photo" >修改资料|上传头像</div>
    	<div class="post_blog">发表博文</div>
    	<div class="space_manage" >空间管理</div>
    	<div class="atten_manage" >关注</div>
    	<div class="attened_manage" >我的粉丝</div>
    	<div class="visit_manage" >访客统计</div>
    </div>
    
    <div class="center_content" >
    	<div class="publist_tab" >
    		<ul>
    			<li>帖子</li>
    			<li>文库</li>
    		</ul>
    	</div>
    	<div style="width: 450px;height: 160px; margin-left: 10px;">
    		<textarea rows="5" cols="60"></textarea><br/>
    		<div style="border: 1px solid #333; width: 50px; height:20px ;text-align: center; margin-left: 475px;">发布</div>
    	</div>
    	
    	<div class="select_tab">
    		<ul>
    			<li>最新动态</li>
    			<li>武林动态</li>
    			<li>动弹</li>
    			<li>文库</li>
    			<li>贴吧</li>
    			<li>博客</li>
    		</ul>
    	</div>
    	<div class="content">
    		
    	</div>
    </div>
    <div class="right_content" style="border: 1px solid #333; width: 194px; height: 500px;float: left;margin-left: 10px;margin-top: 2px;"></div>
    <div class="cleaner">&nbsp;</div>
  </div>
  <!-- footer -->
  <jsp:include page="../layout/_footer.jsp"></jsp:include>
  
</div>
</body>

<script type="text/javascript">
	$(document).ready(function(){
		$(".select_tab li").click(function(){
			$(".select_tab .selected").removeClass("selected");
			$(this).addClass("selected");
			//加载数据
			$.get("",function(html){
				
			},"html");
		});
		
		// 发表微博
		$(".post_blog").click(function(){
			location.href="postBlog.do";
		});
	});
</script>
</html>

